<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>产品明细</title>
    <link rel="stylesheet" href="./css/detail.min.css">
</head>
<body>
    <div class="web">
        <header>
           <div class="back"><a href="./index.html">Back</a></div>
           <P>产品明细</P>
           <img src="./img/detail/collect.png" alt="">
        </header>

        <main>
            <img src="./img/detail/headimg.png" alt="">
            <div class="product">
                <!-- 价格 -->
                <div class="pice">
                    <h3>￥32 <button>购买</button></h3>
                    <div class="txt">
                        <div class="left">
                            <img src="./img/detail/collect.png" alt="">
                            <p>好评度<span>99%</span></p>
                        </div>
                        <div class="right">共605个评价></div>
                    </div>
                </div>
                <!-- 内容 -->
                <ul>

                    <li><span>适用商户</span><span>&gt;</span></li>
                    <li>
                        <div class="img">
                            <img src="./img/detail/zhengjia.png" alt="">
                        </div>
                        
                        <div class="txt">
                            <h3>万岁寿司（正佳店）</h3>
                            <p></p><span>10分</span><br />
                            <span>理你100m</span> <br />
                            <a href="#">查看详情 &gt;&gt;</a>
                        </div>
                        <button>进入</button>
                    </li>
                    <li>
                        <div class="img">
                            <img src="./img/detail/tiyuxi.png" alt="">
                        </div>
                        <div class="txt">
                            <h3>万岁寿司（体育西店）</h3>
                            <p></p><span>10分</span><br />
                            <span>理你100m</span> <br />
                            <a href="#">查看详情 &gt;&gt;</a>
                        </div>
                        <button>进入</button>
                    </li>
                    <li>
                        <div class="img">
                            <img src="./img/detail/nanchang.png" alt="">
                        </div>
                        <div class="txt">
                            <h3>万岁寿司（昌岗店）</h3>
                            <p></p><span>10分</span><br />
                            <span>理你100m</span> <br />
                            <a href="#">查看详情 &gt;&gt;</a>
                        </div>
                        <button>进入</button>
                    </li>
                </ul>
            </div>
            
        </main>



        <footer>
           <a href="./index.html">
            <img src="./img/index/home01.png" alt=""><br>
            <span>首页</span>
           </a>
           <a href="./classify.html">
            <img src="./img/index/classify.png" alt=""><br>
            <span>分类</span>
           </a>
           <a href="./discover.html">
            <img src="./img/index/discover.png" alt=""><br>
            <span>发现</span>
           </a>
           <a href="./me.html">
            <img src="./img/index/me.png" alt=""><br>
            <span>我的</span>
           </a>
        </footer>
    </div>
</body>
</html>